<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/flexible.js"></script>
    <link rel="stylesheet" href="css/flexible.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <style type="text/css">
        #mess_share img {
            width: 22px;
            height: 22px;
        }

        #cover {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 18888;
            background-color: #000000;
            opacity: 0.7;
        }

        #guide {
            display: none;
            position: absolute;
            right: 8px;
            top: 5px;
            z-index: 19999;
        }

        #guide img {
            width: 260px;
            height: 180px;
        }
    </style>
    <script type="text/javascript">
        var _system = {
            $: function (id) {
                return document.getElementById(id);
            },
            _client: function () {
                return {
                    w: document.documentElement.scrollWidth,
                    h: document.documentElement.scrollHeight,
                    bw: document.documentElement.clientWidth,
                    bh: document.documentElement.clientHeight
                };
            },
            _scroll: function () {
                return {
                    x: document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft,
                    y: document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop
                };
            },
            _cover: function (show) {
                if (show) {
                    this.$("cover").style.display = "block";
                    this.$("cover").style.width = (this._client().bw > this._client().w ? this._client().bw : this._client().w) + "px";
                    this.$("cover").style.height = (this._client().bh > this._client().h ? this._client().bh : this._client().h) + "px";
                } else {
                    this.$("cover").style.display = "none";
                }

            },
            _guide: function (click) {
                this._cover(true);
                this.$("guide").style.display = "block";
                this.$("guide").style.top = (_system._scroll().y + 5) + "px";
                window.onresize = function () {
                    _system._cover(true);
                    _system.$("guide").style.top = (_system._scroll().y + 5) + "px";
                };
                if (click) {
                    _system.$("cover").onclick = function () {
                        _system._cover();
                        _system.$("guide").style.display = "none";
                        _system.$("cover").onclick = null;
                        window.onresize = null;
                    };
                }
            },
            _zero: function (n) {
                return n < 0 ? 0 : n;
            }
        }
    </script>
</head>
<body>
<div id="cover"></div>
<div id="guide"><img src="images/guide1.png"></div>

<div class="fx_head">
    <div class="tx"><img src="images/banner.png" alt=""></div>
    <div class="content">
        <div class="title fl">动感单车</div>
        <div class="name fl">曲婷婷</div>
        <div class="clear h10"></div>
        <div class="address fl">A1</div>
        <div class="time fl">14:00-16:00</div>
        <div class="clear h10"></div>
        <div class="yy fl">预约 0/30</div>
        <div class="num fl">预约满2人开课</div>
    </div>
    <div class="clear h10"></div>
    <div class="clear h10"></div>
    <div class="fxbtn" onclick="_system._guide(true)">推荐给好朋友</div>
</div>
<div class="h10 mg"></div>

<div class="fx_xx">
    <ul>
        <li class="xx_check">课程简介</li>
        <li>课程评价</li>
    </ul>
</div>
<div class="fx_main">

    <!--课程简介的-->
    <div class="kc_jianjie" >
        <div class="main_content_none">
            <img src="images/zwjs.png" alt="暂无介绍" style="width: 1rem">
        </div>
        <div class="main_content">
            暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍暂无介绍
        </div>
        <div class="fx_ts">以下会员卡都可以上此课程哦~ 欢迎购买</div>
        <div class="fx_card_list">
            <div class="fx_card">
                <div class="icon"><img src="images/card30.png" alt=""></div>
                <div class="content">
                    <div class="title">减脂训练操储值卡</div>
                    <div><span class="l">巨惠价</span><span class="r">￥299</span></div>
                </div>
                <div class="clear"></div>
            </div>

            <div class="fx_card">
                <div class="icon"><img src="images/card10.png" alt=""></div>
                <div class="content">
                    <div class="title">减脂训练操期限卡</div>
                    <div><span class="l">巨惠价</span><span class="r">￥299</span></div>
                </div>
                <div class="clear"></div>
            </div>

            <div class="fx_card">
                <div class="icon"><img src="images/card20.png" alt=""></div>
                <div class="content">
                    <div class="title">减脂训练操次数卡减脂训练操次数卡减脂训练操次数卡减脂训练操次数卡减脂训练操次数卡</div>
                    <div><span class="l">巨惠价</span><span class="r">￥299</span></div>
                </div>
                <div class="clear"></div>
            </div>

        </div>

    </div>


    <!--课程评价的-->
    <div class="kc_pingjia">
        <div class="list">
            <div><span class="name">林弛亭</span><span class="date">2019-10-21</span></div>
            <div class="zt">
                <div class="pf">
                    <span class="titie">总体评分</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                    </span>
                    <span class="good">很好</span>
                </div>

                <div class="pf">
                    <span class="title">上课时间</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_k.png" alt="">
                    </span>
                    <span class="yiban">一般</span>
                </div>

                <div class="pf">
                    <span class="title">上课内容</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                    </span>
                    <span class="good">很好</span>
                </div>

                <div class="pf">
                    <span class="title">上课态度</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_k.png" alt="">
                    </span>
                    <span class="yiban">一般</span>
                </div>

                <div class="clear"></div>
            </div>
            <div class="content">教练 很专业，非常好！教练 很专业，非常好！教练 很专业，非常好！教练 很专业，非常好！教练 很专业，非常好！</div>
        </div>

        <div class="list">
            <div><span class="name">林弛亭</span><span class="date">2019-10-21</span></div>
            <div class="zt">
                <div class="pf">
                    <span class="titie">总体评分</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                    </span>
                    <span class="good">很好</span>
                </div>

                <div class="pf">
                    <span class="title">上课时间</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_k.png" alt="">
                    </span>
                    <span class="yiban">一般</span>
                </div>

                <div class="pf">
                    <span class="title">上课内容</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                    </span>
                    <span class="good">很好</span>
                </div>

                <div class="pf">
                    <span class="title">上课态度</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_k.png" alt="">
                    </span>
                    <span class="yiban">一般</span>
                </div>

                <div class="clear"></div>
            </div>
            <div class="content">教练 很专业，非常好！</div>
        </div>

        <div class="list">
            <div><span class="name">林弛亭</span><span class="date">2019-10-21</span></div>
            <div class="zt">
                <div class="pf">
                    <span class="titie">总体评分</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                    </span>
                    <span class="good">很好</span>
                </div>

                <div class="pf">
                    <span class="title">上课时间</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_k.png" alt="">
                    </span>
                    <span class="yiban">一般</span>
                </div>

                <div class="pf">
                    <span class="title">上课内容</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                    </span>
                    <span class="good">很好</span>
                </div>

                <div class="pf">
                    <span class="title">上课态度</span>
                    <span>
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_h.png" alt="">
                        <img src="images/xx_k.png" alt="">
                    </span>
                    <span class="yiban">一般</span>
                </div>

                <div class="clear"></div>
            </div>
            <div class="content">教练 很专业，非常好！</div>
        </div>
    </div>
</div>


</body>
</html>